﻿/*  全局样式 简约版     */
body,input, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, button, textarea, p, blockquote, h1, h2, h3, h4, h5, h6, img{ margin: 0; padding: 0; border:0;list-style: none;}
body{ font-family:Microsoft YaHei; font-size:12px;line-height: 180%; background:#fafafa;}
select,textarea,input{font-family:Microsoft YaHei;}
a,a:hover { text-decoration: none; }
img { border: none; }
.block { display: block; }
.fl {float: left; }
.fr {float: right; }
.cb { clear: both; }
.xi_line { width: 1200px; height: auto; margin-left: auto; margin-right: auto; }
.mt_10 { margin-top: 10px; }
.mt_25 { margin-top: 25px; }



/* Menu
 * --------------------------------------- */
#menu li {
	display:inline-block;
	margin: 10px;
	color: #000;
	background:#fff;
	background: rgba(255,255,255, 0.5);
	-webkit-border-radius: 10px;
            border-radius: 10px;
}
#menu li.active{
	background:#666;
	background: rgba(0,0,0, 0.5);
	color: #fff;
}
#menu li a{
	text-decoration:none;
	color: #000;
}
#menu li.active a:hover{
	color: #000;
}
#menu li:hover{
	background: rgba(255,255,255, 0.8);
}
#menu li a,
#menu li.active a{
	padding: 9px 18px;
	display:block;
}
#menu li.active a{
	color: #fff;
}
#menu{
	position:fixed;
	top:0;
	left:0;
	height: 40px;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin:0;
}

/* Section 1
 * --------------------------------------- */
#section1 {
	color: #444;
}

/* Section 2
 * --------------------------------------- */
#section2 {
	z-index: 3;
	background: url(../images/section2bg.png) no-repeat;
	background-position: bottom center ;
}
.section2txt {  width: 900px; height: 150px; margin-left: 124px; margin-top: 90px; font-size: 30px; line-height: 36px; font-family: "microsoft yahei"; font-weight: bold; color: #ffffff; }
.section2link { display: block; width: 411px; height: 450px; margin-left: 80px; margin-top:197px;  }
.section2video { display: block; width: 610px; height: 450px;  margin-top: 150px; padding-top:80px; background:url(../images/yun.png) no-repeat 30px top; }
.section2video iframe{ border:6px solid #fff;}


/* Section 3
 * --------------------------------------- */
#section3 {
	color: #757575;
}

.section3left { display: block; float: left; width: 560px; height: 560px; margin-left: 100px; margin-top: 64px; }
.section3left .shouji { float: left; width: 529px; height: 529px; background: url(../images/shouji.png) no-repeat;  }
.section3left .xiaokuang { float: left; width: 200px; height: 180px; position: absolute; margin-left: 330px; top: 470px; }

.section3right { display: block; float: right; width: 460px; height:auto;  margin-right: 50px; font-size: 30px; font-family: "microsoft yahei"; font-weight: bold; color: #ffffff; background:url(../images/word.png) no-repeat 26px top; padding-top:150px; margin-top:292px;}

.footer { width: 100%; height: 96px; text-align: center;  color:#ffffff; background: #34383e; line-height: 20px; font-size: 11px; padding-top:54px; }
/* Section 4
 * --------------------------------------- */
#section4 {
	opacity: 0.6;
}

/* Overwriting fullPage.js tooltip color
* --------------------------------------- */
#pp-nav.custom .pp-tooltip { olor: #AAA; }

.pagetop { float: left; width: 100%; height:68px; background: #34383e; border-bottom:1px solid #34383e; }
.logo1{ width:81px; height:68px; background:url(../images/logo1.png) no-repeat 0 center; display: block; float:left; margin-right:24px;}
.logo2{ width:96px; height:68px; background:url(../images/logo2.png) no-repeat 0 center;display: block; float:left;}
.pagetop_nav { width: 1200px; height: 70px; margin: 0 auto; }

a.topbtn { border: 1px solid #7b7b7b; border-radius: 15px; width:78px; height:28px; line-height:28px; color: #fefefe; text-decoration: none; margin-right: 14px;  font-size: 12px; margin-top:19px; display:block; background:#4d4f52; text-align:center; float:right; letter-spacing:5px; }
a.topbtn:hover { background: #ffffff; color: #333333; border: 1px solid #ffffff; }
span.line{ display:block; width:1px; height:20px; margin-right:10px; display:block; float:right; background:#53575e;margin-top:24px;line-height:30px;}
a.tporlink{ width:50px; height:30px; line-height:30px; margin-top:20px; color: #fffefe; font-size: 12px; text-align:center; float:right; display:block; }

.main_navbox { width: 1200px; height: 40px; margin-left: auto; margin-top: 86px; margin-right: auto; font-size: 14px;  font-family: "microsoft yahei"; }
.main_navbox a { color: #222222; }
.main_navbox .box1 { display: block; float: left; width: 447px; height: 38px; border: 1px solid #dbdbdb; line-height:38px; border-radius: 4px; line-height: 38px; background:#fff; }
.main_navbox span.line2{ width:1px; height:18px; margin-top:10px; background:#000; display:block; float:left;} 
.main_navbox .box1text { display: block; float: left; width: 104px; height: auto; text-align: center; text-indent: 7px;  }
.main_navbox .xuanzhong, .xuanzhong a { color: #43aaff; font-weight: bold; }

a.yuanwenyuyan { display: block; float: left; width: 126px; height:38px; line-height:38px; text-align: center;  }

.main_navbox .box2 { display: block; float: left; width: 63px; height: 38px; border: 1px solid #dbdbdb; border-radius: 4px; line-height: 38px; background:url(../images/zhuanhuan.png) no-repeat center center #fff; margin:0 10px; cursor:pointer;}
.main_navbox .box3 { display: block; float: left; width: 90px; height: 40px; border-radius: 4px; line-height: 40px; background: #3ca9ff; text-align: center; margin-left: 10px; cursor:pointer; }
.main_navbox .box3 a { color: #ffffff; display:block;width: 90px; height: 40px; border-radius: 4px;  }
.main_navbox .box3 a:hover{ background:#2799f3; }
.main_navbox .shuxian { display: block; float: left; padding: 0 10px; }

.fanyibox { width: 1200px; height: 70px; margin-left: auto; margin-top: 27px; margin-right: auto; font-size: 14px; line-height: 36px; }
.fanyi_luru_out{width: 592px; height:356px; float:left; position:relative;}
.fanyi_luru_out .icon_maike{ width:20px; height:20px; background:url(../images/icon_maike.png) no-repeat center center; position:absolute; z-index:1; left:20px; bottom:15px; cursor:pointer;}
.fanyi_luru_out .icon_xiangji{ width:20px; height:20px; background:url(../images/icon_xiangji.png) no-repeat center center; position:absolute; z-index:1; left:55px; bottom:15px;cursor:pointer;}
.fanyi_luru { display: block; float: left; width: 552px; height:316px; background: #ffffff; border: 1px solid #dbdbdb; border-radius: 4px; line-height: 25px; padding:20px; color:#666; font-size:14px;  }

.fanyi_shuchu_out{width: 592px; height: 356px;float: right; position:relative;}
.fanyi_shuchu_out .icon_fuzhi{width:24px; height:24px; background:url(../images/icon_fuzhi.png) no-repeat center center; position:absolute; z-index:1; left:20px; bottom:15px; cursor:pointer;}
.fanyi_shuchu_out .icon_bofang{width:24px; height:24px; background:url(../images/icon_bofang.png) no-repeat center center; position:absolute; z-index:1; left:60px; bottom:15px; cursor:pointer;}
.fanyi_shuchu_out .fanyiWrong{width:62px; height:24px; line-height:24px; background:url(../images/icon_bianji.png) no-repeat 0 center; position:absolute; z-index:1; right:20px; bottom:15px; cursor:pointer; padding-left:19px; color:#34383e; font-size:12px;}

.fanyi_shuchu { display: block; float: right; width: 552px; height: 316px; background: #edeef0; border: 1px solid #dbdbdb; border-radius: 4px; line-height: 25px;padding:20px; font-size:14px; }


.fanyi_xxbox { display: block; width: 1200px; height: auto; background: #fafafa; border: 1px solid #cccccc; border-radius: 3px; }
.fanyi_xxbox p { margin-left: 20px; margin-right: 20px; border-bottom: 1px dashed #cccccc; }
.shangchuanbtn { padding: 5px 10px; background: #3ca8ff; border-radius: 5px; color: #ffffff; }

.fanyi_xxtit { background: #fcfcfc; color: #000000; font-size: 15px; text-indent: 20px; }

.morelang { display: none; float: left; width: 480px; height: auto; position: absolute; z-index: 100; margin-left: -1px; margin-top: 50px; padding: 10px; background: #ffffff; border: 1px solid #dbdbdb; border-radius: 5px; }
.morelang a { display: block; float: left; width: 118px; height: auto; line-height: 25px; text-align: center; border: 1px solid #ffffff; }
.morelang a:hover { border: 1px solid #cccccc; }

textarea {resize: none;}
.fanyibox {position: relative;}
.tool-box {position: absolute; top: 315px; right: 10px;}
.fanyi_xxbox {display:  none;}
.align-wrap span.hover { background: yellow; }

.fanyi_smbox1 { display: block; float: left; height: auto; color: #666666; font-size: 14px; font-family: "microsoft yahei"; margin-top:18px; margin-left:24px; line-height:24px;color:#666;  }
.fanyi_smbox1 span.f14{  display:block; float:left;}
.fanyi_smbox1 a.upload{ width:83px; height:24px; line-height:24px; color:#fff; text-align:center; display:block; float:left; background:#3ca8ff; border-radius:2px; margin:0 6px; color:#fff;font-size:12px;}
.fanyi_smbox1 span.f12{ display:block; font-size:12px; float:left;}
.fanyi_smbox2 {  height:24px; line-height:24px;font-family: "microsoft yahei";font-size: 14px; margin-top:18px; color:#666; float:right; margin-right:231px; }
.fanyi_smbox2 span{ display:block; float:left;}
.fanyi_smbox2 a { width:83px; height:24px; line-height:24px; color:#fff; text-align:center; display:block; float:left; background:#3ca8ff; border-radius:2px; margin:0 6px; font-size:12px; }

.shouqi { position: absolute; z-index: 100; margin-left: 6px; margin-top: 10px;  }

.xic_box1{float: left; background:url(../images/bg001.png) no-repeat center bottom #41b860; width: 100%; height: 820px; margin-top: 50px;}

.app_android{ width:253px; height:63px;  margin-top:5px;background:url(../images/app_android.png) no-repeat 0 -5px; display:block;}
a.app_android:hover{background:url(../images/app_androids.png) no-repeat 0 -5px;}

.app_iphone{ width:254px; height:63px; background:url(../images/app_iphone.png) no-repeat 0 -6px; display:block;  margin-top:6px;}
a.app_iphone:hover{background:url(../images/app_iphones.png) no-repeat 0 -6px;}




